let Navbar = {
    render: async () => {
        let view = `
        <nav class="navbar navbar-expand-md">
            <ul class="navbar-nav ml-auto">
                <li class="nav-item dropdown logout-item">
                    <a className="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                      <i class='fas fa-user' style='font-size:20px'></i>
                    </a>
                    <div class="dropdown-menu" aria-labelledby="navbarDropdown">
                      <a class="dropdown-item" href="#" title="登出" onclick="onNavigate('/logout');return false;">
                      <i class='fas fa-sign-out-alt'></i>
                      </a>
                    </div>
               </li>
            </ul>
        </nav>`
        return view
    },
    after_render: async () => {
        await window.renderNavBar();
    }

}

export default Navbar;
